<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/jd_index.css">
    <!--y引入zepto.js-->
    <!--这是传智播客2018年前端基础课程: 搬运工留,2019年10月10日00:59:08-->
    <script src="./js/zepto.js"></script>
    <script src="./js/index.js" type="text/javascript"></script>
</head>
<body>
      <div class="layout">
          <div class="jd_header">
              <a href="javascript:void(0);" class="jd_logo"></a>
              <form action="">
                  <input type="text">
              </form>
              <a href="javascript:void(0);" class="jd_login">登录</a>
          </div>
          <div class="jd_banner">
              <ul class="clearfix"></ul>
              <ul></ul>
          </div>
          <div class="jd_nav">
              <ul class="clearfix">
                  <li>
                      <a href="javascript:void(0);">
                          <img src="./uploads/nav0.png" alt="">
                          <p>京东超市</p>
                      </a>
                  </li>
                  <li>
                      <a href="javascript:void(0);">
                          <img src="./uploads/nav1.png" alt="">
                          <p>京东到家</p>
                      </a>
                  </li>
                  <li>
                      <a href="javascript:void(0);">
                          <img src="./uploads/nav2.png" alt="">
                          <p>购物车</p>
                      </a>
                  </li>
                  <li>
                      <a href="javascript:void(0);">
                          <img src="./uploads/nav3.png" alt="">
                          <p>个人中心</p>
                      </a>
                  </li>
                  <li>
                      <a href="javascript:void(0);">
                          <img src="./uploads/nav4.png" alt="">
                          <p>手机电器</p>
                      </a>
                  </li>
                  <li>
                      <a href="javascript:void(0);">
                          <img src="./uploads/nav5.png" alt="">
                          <p>领券</p>
                      </a>
                  </li>
                  <li>
                      <a href="javascript:void(0);">
                          <img src="./uploads/nav6.png" alt="">
                          <p>赚钱</p>
                      </a>
                  </li>
                  <li>
                      <a href="javascript:void(0);">
                          <img src="./uploads/nav7.png" alt="">
                          <p>关爱行动</p>
                      </a>
                  </li>
                 
              </ul>
          </div>
          <!--京东秒杀-->
          <div class="jd_product ">
              <div class="jd_pro_box jd_sk ">
                  <div class="jd_pro_tip clearfix">
                      <div class="left">
                          <span class="sk_clock m_left10"></span>
                          <span class="sk_text m_left10">掌上秒杀</span>
                          <div class="sk_time m_left10">
                              <span>0</span>
                              <span>0</span>
                              <span>:</span>
                              <span>0</span>
                              <span>0</span>
                              <span>:</span>
                              <span>0</span>
                              <span>0</span>
                          </div>
                      </div>
                      <a  href="javascript:void(0);"  class="right m_right10">更多秒杀</a>
                  </div>
                  
                  <div class="jd_pro_content">
                      <ul class="clearfix">
                          <li>
                              <a href="javascript:void(0);">
                                  <img src="./uploads/detail01.jpg" alt="">
                                  <del>&yen;200.00</del>
                                  <p>&yen;200.00</p>
                              </a>
                          </li>
                          <li>
                              <a href="javascript:void(0);">
                                  <img src="./uploads/detail01.jpg" alt="">
                                  <del>&yen;200.00</del>
                                  <p>&yen;200.00</p>
                              </a>
                          </li>
                          <li>
                              <a href="javascript:void(0);">
                                  <img src="./uploads/detail01.jpg" alt="">
                                  <del>&yen;200.00</del>
                                  <p>&yen;200.00</p>
                              </a>
                          </li>
                      </ul>
                  </div>

              </div>

              <div class="jd_pro_box">
                  <div class="jd_pro_tip">
                      <h3>京东超市</h3>
                  </div>
                  <div class="jd_pro_content clearfix">
                      <a href="javascript:void(0);" class="a_50">
                          <img src="./uploads/cp1.jpg" alt="">
                      </a>
                      <a href="javascript:void(0);" class="a_50 b_left b_bottom">
                          <img src="./uploads/cp2.jpg" alt="">
                      </a>
                      <a href="javascript:void(0);" class="a_50 b_left">
                          <img src="./uploads/cp3.jpg" alt="">
                      </a>
                  </div>
              </div>

              <div class="jd_pro_box">
                  <div class="jd_pro_tip">
                      <h3>京东超市</h3>
                  </div>
                  <div class="jd_pro_content clearfix">
                      <a href="javascript:void(0);" class="a_50" style="float: right;   ">
                          <img src="./uploads/cp4.jpg" alt="">
                      </a>
                      <a href="javascript:void(0);" class="a_50 b_left b_bottom">
                          <img src="./uploads/cp5.jpg" alt="">
                      </a>
                      <a href="javascript:void(0);" class="a_50 b_left">
                          <img src="./uploads/cp6.jpg" alt="">
                      </a>
                  </div>
              </div>

              <div class="jd_pro_box">
                  <div class="jd_pro_tip">
                      <h3>京东超市</h3>
                  </div>
                  <div class="jd_pro_content clearfix">
                      <a href="javascript:void(0);" class="a_50">
                          <img src="./uploads/cp1.jpg" alt="">
                      </a>
                      <a href="javascript:void(0);" class="a_50 b_left b_bottom">
                          <img src="./uploads/cp2.jpg" alt="">
                      </a>
                      <a href="javascript:void(0);" class="a_50 b_left">
                          <img src="./uploads/cp3.jpg" alt="">
                      </a>
                  </div>
              </div>
          </div>
      </div>
</body>
</html>


